<template>
  <div>
    <div class="tjhy_inp">
      <a-form :form="form" @submit="tjhysub">
        <ul>
          <li>
            <a-form-item label="公司名称" :label-col="{ span: 2}" :wrapper-col="{ span: 12 }">
              <a-input
                onkeyup="this.value=this.value.replace(/[, ]/g,'')"
                style="width:500px;"
                placeholder="公司名称"
                v-decorator="[
          'gsmc',
          {rules: [{ required: true, message: '请输入公司名称！' }],initialValue:$store.state.hygllist.gsmc}
        ]"
              />
            </a-form-item>
          </li>

          <!-- <li class="inline"> 
            <div class="user_li">
              <a-form-item label="姓名" :label-col="{ span: 2}" :wrapper-col="{ span:  6 }">
                <a-input
                  onkeyup="this.value=this.value.replace(/^ +| +$/g,'')"
                  style="width:200px;"
                  placeholder="姓名"
                  v-decorator="[
                    'username',
                    {rules: [{ required: true, message: '请输入姓名！' }],initialValue:$store.state.hygllist.username}
                  ]"
                />
              </a-form-item>
            </div>
            <div class="zw_li">
              <span class="inp_tit">职位：</span>
              <a-input v-model="bgdh" style="width:200px;" type="text" placeholder="办公电话" />
            </div>
          </li>-->
          <li class="inline">
              <!-- {{$store.state.xiugaiflag}} -->
              <!-- <span class="inp_tit">
                <span class="red">*</span>姓名：
              </span> -->
              <a-form-item label='姓名' :label-col="{ span: 2}" :wrapper-col="{ span:  12 }">
                <a-input
                  onkeyup="this.value=this.value.replace(/^ +| +$/g,'')"
                  style="width:500px;"
                  placeholder="姓名"
                  v-decorator="[
                    'username',
                    {rules: [{ required: true, message: '请输入姓名！' }],initialValue:$store.state.hygllist.username}
                  ]"
                />
              </a-form-item>
            
          </li>
          <li class="inline">
              <!-- <span class="inp_tit">职位：</span> -->
               <a-form-item label='职位' :label-col="{ span: 2}" :wrapper-col="{ span:  12 }">
              <a-input v-model="position" style="width:500px;" type="text" placeholder="职位" />
              </a-form-item>
          </li>
          <li class="inline">
            <div class="phone_li">
              <!-- {{$store.state.xiugaiflag}} -->
              <span class="inp_tit">
                <span class="red">*</span>手机号码：
              </span>
              <a-form-item :wrapper-col="{ span: 12 }">
                <a-input
                  :disabled="$store.state.xiugaiflag!=''?true:false"
                  maxlength="11"
                  onkeyup="value=value.replace(/[^\d]/g,'') "
                  onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
                  placeholder="手机号码"
                  v-decorator="[
                    'phone',
                    {rules: [{ required: true, message: '请输入手机号码！' }],initialValue:$store.state.hygllist.phone}
                  ]"
                />
              </a-form-item>
            </div>
            <div class="tel_li">
              <span class="inp_tit">办公电话：</span>
              <a-input v-model="bgdh" type="text" placeholder="办公电话" />
            </div>
          </li>
          <!-- <li class="inline">
          </li>-->
          <li>
            <!-- 下拉 -->
            <a-form-item label="会员级别：" :label-col="{ span: 2}" :wrapper-col="{ span: 12 }">
              <a-select
                showSearch
                placeholder="请选择会员级别"
                optionFilterProp="children"
                style="width: 500px"
                @change="hyjbChange"
                :filter-option="filterOption"
                v-decorator="[
          'hyjb',
          {rules: [{ required: true, message: '请选择会员级别!' }],initialValue:$store.state.hygllist.uerlevel}
        ]"
              >
                <a-select-option value>请选择会员级别</a-select-option>

                <a-select-option
                  v-for="(item,i) in hyjbdata"
                  :key="i"
                  :value="item.gradeName"
                >{{item.gradeName}}</a-select-option>
              </a-select>
            </a-form-item>
          </li>
          <li>
            <!-- 下拉 -->
            <span class="inp_tit">专属客服QQ：</span>

            <!-- <a-form-item label="客服QQ列表" :label-col="{ span: 2}" :wrapper-col="{ span: 12 }"> -->
            <a-select
              showSearch
              placeholder="请选择QQ列表"
              optionFilterProp="children"
              style="width: 500px"
              @change="qqChange"
              :filter-option="filterOption"
              :defaultValue="$store.state.hygllist.customerQQ"
            >
              <a-select-option v-for="(item,i) in qqlist" :key="i" :value="item.QQ">
                <div class="qqlist">
                  <span>{{item.lxr}}</span>&nbsp;&nbsp;&nbsp;&nbsp;
                  <span>{{item.QQ}}</span>
                </div>
              </a-select-option>
            </a-select>
            <!-- </a-form-item> -->
          </li>
          <li>
            <span class="inp_tit">代理区域：</span>
            <!-- <a-cascader
              :options="options"
              style="width:500px"
              @change="dlqyChange"
              placeholder="代理区域"
            />-->
            <a-cascader
              style="width:500px"
              :options="options"
              @change="dlqyChange"
              placeholder="代理区域"
              changeOnSelect
              :default-value="dlqy"
              v-model="dlqy"
            />
          </li>
          <li class="radinline">
            <div class="hsfs_rad">
              <span class="inp_tit">核算方式：</span>
              <a-radio-group @change="xseradioChange" v-model="xsvalue">
                <a-radio :style="radioStyle" :value="0">当月销售总额</a-radio>
                <a-radio :style="radioStyle" :value="1">总销售额</a-radio>
              </a-radio-group>
            </div>

            <div class="lx_rad">
              <span class="inp_tit">类型：</span>
              <a-radio-group @change="radioChange" v-model="lxvalue">
                <a-radio :style="radioStyle" :value="1">企业</a-radio>
                <a-radio :style="radioStyle" :value="0">个人</a-radio>
              </a-radio-group>
            </div>
          </li>
          <!-- <li class="radinline">
            <span class="inp_tit">类型：</span>
            <a-radio-group
              @change="radioChange"
              :disabled="$store.state.xiugaiflag!=''?true:false"
              v-model="lxvalue"
            >
              <a-radio :style="radioStyle" :value="1">企业</a-radio>
              <a-radio :style="radioStyle" :value="0">个人</a-radio>
            </a-radio-group>
          </li>-->
          <!-- v-show="uppicflag" -->
          <li class="updli_box">
            <div class="updli">
              <span class="inp_tit">营业执照：</span>
              <div class="clearfix">
                <a-upload
                  action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
                  listType="picture-card"
                  :fileList="fileList"
                  @preview="handlePreview"
                  @change="handleChange"
                  accept=".jpg, .png"
                >
                  <div v-if="fileList.length < 1">
                    <a-icon type="plus" />
                    <div class="ant-upload-text">上传图片</div>
                  </div>
                </a-upload>
                <a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel">
                  <img alt="example" style="width: 100%" :src="previewImage" />
                </a-modal>
              </div>
          </div>
          <div class="updli updli_right">
            <!-- <div class="up_sfz" >
             
            </div>-->
            <span class="inp_tit">照片：</span>
            <div class="clearfix">
              <a-upload
                action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
                listType="picture-card"
                :fileList="sfzfileList"
                @preview="handlePreview"
                @change="sfzChange"
                accept=".jpg, .png, jpeg"
              >
                <div v-if="sfzfileList.length < 1">
                  <a-icon type="plus" />
                  <div class="ant-upload-text">上传图片</div>
                </div>
              </a-upload>
              <a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel">
                <img alt="example" style="width: 100%" :src="previewImage" />
              </a-modal>
            </div>
          </div>
          </li>
         
          <!-- <li>
      
            <a-form-item label="密码" :label-col="{ span: 2}" :wrapper-col="{ span: 12 }">
              <a-input
                onkeyup="this.value=this.value.replace(/^ +| +$/g,'')"
                type="password"
                style="width:500px;"
                placeholder="密码"
                v-decorator="[
          'password',
          {rules: [{ required: true, message: '请输入密码：！' }],initialValue:$store.state.hygllist.passWord}
        ]"
              />
            </a-form-item>
          </li>
          <li>
            
            <a-form-item label="确认密码" :label-col="{ span: 2}" :wrapper-col="{ span: 12 }">
              <a-input
                type="password"
                style="width:500px;"
                placeholder="确认密码"
                v-decorator="[
          'newpassword',
          {rules: [{ required: true, message: '请输入密码：！' }],initialValue:$store.state.hygllist.passWord}
        ]"
              />
            </a-form-item>
          </li>-->

          <li>
            <span class="inp_tit">企业规模：</span>
            <a-input v-model="qygm" style="width:500px" type="text" placeholder="企业规模" />
            <!-- <a-select defaultValue="10-50" style="width: 500px" @change="qygmChaneg">
              <a-select-option value="10-50">10人-50人</a-select-option>
              <a-select-option value="50-100">50人-100人</a-select-option>
              <a-select-option value="100+">100人以上</a-select-option>
            </a-select>-->
          </li>
          <li>
            <span class="inp_tit">业务范围：</span>
            <a-input v-model="ywfw" style="width:500px" type="text" placeholder="业务范围" />
          </li>

          <li>
            <span class="inp_tit">所在区域：</span>
            <!-- <a-cascader
              :options="options"
              style="width:500px"
              @change="szqyChange"
              placeholder="所在区域"
            />-->
            <a-cascader
              style="width:500px"
              :options="options"
              @change="szqyChange"
              placeholder="所在区域"
              changeOnSelect
              :default-value="szqy"
              v-model="szqy"
            />
          </li>

          <li>
            <span class="inp_tit">邮件：</span>
            <a-input
              onkeyup="this.value=this.value.replace(/^ +| +$/g,'')"
              v-model="email"
              style="width:500px"
              type="text"
              placeholder="邮件"
            />
          </li>
          <li>
            <span class="inp_tit">备注：</span>
            <a-textarea
              v-model="bzvalue"
              cols="30"
              rows="4"
              style="width:500px;vertical-align: top;"
              placeholder="请输入简介内容"
              autosize
            />
          </li>
          <li class="foot_btn">
            <a-button type="primary" @click="tjhysub">确认提交</a-button>
            <a-button @click="close">取消</a-button>
          </li>
        </ul>
      </a-form>
    </div>
  </div>
</template>

<script>
import qs from "qs";
import { setTimeout } from "timers";
export default {
  inject: ["reload"],
  data() {
    return {
      count: 2,
      formLayout: "horizontal",
      form: this.$form.createForm(this),

      previewVisible: false,
      previewImage: "",
      fileList: [],
      sfzfileList: [],
      email: this.$store.state.hygllist.email,
      bzvalue: this.$store.state.hygllist.remark,
      yyzzimg: [],
      idcarding: [],
      hyglpic: [],
      hydj: "", //会员级别
      hyjbdata: [],

      // 新增表框
      lxvalue: 1,

      radioStyle: {
        display: "inline-block",
        height: "30px",
        lineHeight: "30px"
      },
      qygm: this.$store.state.hygllist.firmSize,
      sfzimg: [],
      ywfw: this.$store.state.hygllist.business,
      bgdh: this.$store.state.hygllist.tel,
      xsvalue: 0,
      // checktype
      // flqy: "",
      dlqy: [],
      szqy: [],
      options: [],
      // szoptions: [],
      uppicflag: true,
      qqlist: "", //QQ列表
      qq: "",
      position: "" //职位
    };
  },

  methods: {
    // handleChange(value, key, column) {
    //   const newData = [...this.dataSource];
    //   const target = newData.filter(item => key === item.key)[0];
    //   if (target) {
    //     target[column] = value;
    //     this.dataSource = newData;
    //   }
    // },
    dlqyChange(value) {
      console.log(value);
      this.dlqy = value;
    },
    szqyChange(value) {
      console.log(value);
      this.szqy = value;
    },
    radioChange(e) {
      var value = e.target.value;
      console.log("radio checked", e.target.value);
      // if (this.lxvalue == 1) {
      //   this.uppicflag = true;
      // } else {
      //   this.uppicflag = false;
      // }
    },
    xseradioChange(e) {
      console.log("radio checked", e.target.value);
    },
    hyjbChange(value) {
      this.hydj = value;
    },
    qqChange(value) {
      this.qq = value;
    },

    //获取会员级别
    getshdq() {
      this.axios
        .post(
          "huiyuan/memberLevelList.php",
          qs.stringify({
            sqdwid: this.$store.state.bbl_sqdwid
          })
        )
        .then(res => {
          if (res.data.code == 303) {
            this.hyjbdata = res.data.result.data;
          }
        });
    },

    filterOption(input, option) {
      return (
        option.componentOptions.children[0].text
          .toLowerCase()
          .indexOf(input.toLowerCase()) >= 0
      );
    },

    handleCancel() {
      this.previewVisible = false;
    },
    handlePreview(file) {
      this.previewImage = file.url || file.thumbUrl;
      this.previewVisible = true;
    },
    handleChange({ fileList }) {
      this.fileList = fileList;
    },
    sfzChange({ fileList }) {
      this.sfzfileList = fileList;
      console.log(fileList);
    },
    //表单提交 修改 新增
    tjhysub(e) {
      // for (var i = 0; i < this.sfzfileList.length; i++) {
      //   this.sfzimg.push(this.sfzfileList[i].thumbUrl);
      // }

      e.preventDefault();
      this.form.validateFields((err, values) => {
        if (
          values.gsmc != undefined &&
          values.hyjb != undefined &&
          values.phone != undefined &&
          values.username != undefined
        ) {
          if (this.$store.state.xiugaiflag == "") {
            // if (this.lxvalue == 1) {
            //   for (var i = 0; i < this.fileList.length; i++) {
            //     this.yyzzimg.push(this.fileList[i].thumbUrl);
            //   }
            // } else {
            //   for (var i = 0; i < this.sfzfileList.length; i++) {
            //     this.yyzzimg.push(this.sfzfileList[i].thumbUrl);
            //   }
            // }
            if (this.fileList) {
              for (var i = 0; i < this.fileList.length; i++) {
                this.yyzzimg.push(this.fileList[i].thumbUrl);
              }
            }
            if (this.sfzfileList) {
              for (var i = 0; i < this.sfzfileList.length; i++) {
                this.idcarding.push(this.sfzfileList[i].thumbUrl);
              }
            }

            //新增-------------
            console.log(this.value);
            console.log(this.qygm);
            console.log(this.sfzimg);
            console.log(this.ywfw);
            console.log(this.bgdh);
            console.log(this.dlqy);
            console.log(this.szqy);
            console.log("营业执照", this.yyzzimg);
            console.log("照片", this.idcarding);
            this.axios
              .post(
                "huiyuan/AddMember.php",
                qs.stringify({
                  sqdwid: this.$store.state.bbl_sqdwid,
                  gsmc: values.gsmc,
                  phone: values.phone,
                  username: values.username,
                  position: this.position,
                  passWord: values.password,
                  rePass: values.newpassword,
                  uerlevel: values.hyjb,
                  licensePic: this.yyzzimg,
                  idcarding: this.idcarding,
                  email: this.email,
                  remark: this.bzvalue,
                  memberType: this.lxvalue,
                  telephone: this.bgdh,
                  agentArea: this.dlqy,
                  qyScale: this.qygm,
                  businessRange: this.ywfw,
                  locationArea: this.szqy,
                  checktype: this.xsvalue,
                  customerQQ: this.qq
                })
              )
              .then(res => {
                console.log(res);
                if (res.data.code == 303) {
                  this.$store.state.tjwz = false;

                  this.$notification["success"]({
                    message: "成功",
                    description: res.data.msg,
                    duration: 1.5
                  });
                  this.yyzzimg = [];
            this.idcarding=[]
                  this.reload;
                } else {
                  this.$notification["error"]({
                    message: "失败",
                    description: res.data.msg,
                    duration: 1.5
                  });
                  this.yyzzimg = [];
                }
              });
          } else {
            this.yyzzimg = [];
            this.idcarding = [];
            // if (this.lxvalue == 1) {
            //   for (var i = 0; i < this.fileList.length; i++) {
            //     // this.yyzzimg.push(this.fileList[i].thumbUrl);
            //     if (this.fileList[i].url != undefined) {
            //       this.yyzzimg.push(this.hyglpic[i]);
            //     } else {
            //       this.yyzzimg.push(this.fileList[i].thumbUrl);
            //     }
            //   }
            // } else {
            //   // for (var i = 0; i < this.sfzfileList.length; i++) {
            //   //   this.yyzzimg.push(this.sfzfileList[i].thumbUrl);
            //   // }
            //   for (var i = 0; i < this.sfzfileList.length; i++) {
            //     if (this.sfzfileList[i].url != undefined) {
            //       this.yyzzimg.push(this.hyglpic[i]);
            //     } else {
            //       this.yyzzimg.push(this.sfzfileList[i].thumbUrl);
            //     }
            //   }
            // }

            if (this.fileList) {
              // for (var i = 0; i < this.fileList.length; i++) {
              //   this.yyzzimg.push(this.fileList[i].thumbUrl);
              // }
              for (var i = 0; i < this.fileList.length; i++) {
                // this.yyzzimg.push(this.fileList[i].thumbUrl);
                if (this.fileList[i].url != undefined) {
                  this.yyzzimg.push(this.hyglpic[i]);
                } else {
                  this.yyzzimg.push(this.fileList[i].thumbUrl);
                }
              }
            }
            if (this.sfzfileList) {
              // for (var i = 0; i < this.sfzfileList.length; i++) {
              //   this.idcarding.push(this.sfzfileList[i].thumbUrl);
              // }
              for (var i = 0; i < this.sfzfileList.length; i++) {
                if (this.sfzfileList[i].url != undefined) {
                  this.idcarding.push(this.hyglpic[i]);
                } else {
                  this.idcarding.push(this.sfzfileList[i].thumbUrl);
                }
              }
            }
            console.log(this.yyzzimg);
            console.log(this.idcarding);

            //修改-------------
            this.axios
              .post(
                "huiyuan/memberEdit.php",
                qs.stringify({
                  id_num: this.$store.state.hygllist.id_num,
                  sqdwid: this.$store.state.bbl_sqdwid,
                  gsmc: values.gsmc,
                  phone: values.phone,
                  username: values.username,
                  position: this.position,
                  passWord: values.password,
                  rePass: values.newpassword,
                  uerlevel: values.hyjb,
                  licensePic: this.yyzzimg,
                  idcarding: this.idcarding,
                  email: this.email,
                  remark: this.bzvalue,
                  memberType: this.lxvalue,
                  telephone: this.bgdh,
                  agentArea: this.dlqy,
                  qyScale: this.qygm,
                  businessRange: this.ywfw,
                  locationArea: this.szqy,
                  checktype: this.xsvalue,
                  customerQQ: this.qq
                })
              )
              .then(res => {
                console.log(res);
                if (res.data.code == 303) {
                  this.$store.state.tjwz = false;
                  this.$store.state.hygllist = [];
                  this.$notification["success"]({
                    message: "成功",
                    description: res.data.msg,
                    duration: 1.5
                  });
                  this.yyzzimg = [];
                  this.idcarding = [];
                  this.reload();
                } else {
                  this.$notification["error"]({
                    message: "失败",
                    description: res.data.msg,
                    duration: 1.5
                  });
                  this.yyzzimg = [];
                  this.idcarding = [];
                }
              });
          }
        } else {
          this.$notification["error"]({
            message: "失败",
            description: "请将内容填写完整",
            duration: 1.5
          });
          this.yyzzimg = [];
          this.idcarding = [];
        }
      });
    },
    getqqlist() {
      this.axios
        .post(
          "huiyuan/customerQQList.php",
          qs.stringify({
            page: 1,
            pageSize: 30,
            sqdwid: this.$store.state.bbl_sqdwid
          })
        )
        .then(res => {
          console.log(res);
          this.qqlist = res.data.result.data;
        });
    },
    close() {
      this.$store.state.xiugaiflag = "";
      this.$store.state.tjwz = false;
      this.$store.state.hygllist = [];
    },
    getsjldlist() {
      this.axios.post("huiyuan/Area.php").then(res => {
        console.log(res);
        if (res.data.length) {
          this.options = res.data;
          sessionStorage.setItem("Area", JSON.stringify(res.data));
        }
      });
    }
    // qygmChaneg(value) {
    //   console.log(`selected ${value}`);
    // }
  },

  created() {
    this.getshdq();
    this.options = JSON.parse(sessionStorage.getItem("Area"));
    console.log(this.options);
    this.getsjldlist();

    this.getqqlist();

    // setTimeout({

    // })
    //修改获渲染表单
    // setTimeout(function() {

    // }, 1000);
    if (this.$store.state.xiugaiflag != "") {
      this.dsab = "disabled";
      this.lxvalue = Number(this.$store.state.hygllist.type);
      this.position = this.$store.state.hygllist.position;
      this.xsvalue = Number(this.$store.state.hygllist.checktype);
      this.dlqy[0] = this.$store.state.hygllist.agentProvice;
      this.dlqy[1] = this.$store.state.hygllist.agentCity;
      this.dlqy[2] = this.$store.state.hygllist.agentDistrict;

      this.szqy[0] = this.$store.state.hygllist.province;
      this.szqy[1] = this.$store.state.hygllist.city;
      this.szqy[2] = this.$store.state.hygllist.district;
      console.log(this.dlqy);
      console.log(this.szqy);
      console.log(this.lxvalue);
      if(this.$store.state.hygllist.licensePic){
          this.uppicflag = true;
        // this.fileList.push(list);
        this.hyglpic = this.$store.state.hygllist.licensePic;
        console.log(this.$store.state.hygllist);

        for (var i = 0; i < this.hyglpic.length; i++) {
          this.hyglpic[i] = this.$store.state.hygllist.licensePic[i].trim();
          console.log(this.hyglpic);
          if (this.hyglpic[i] != "") {
            let list = {
              uid: -i,
              name: " ",
              status: " ",
              url:
                "https://image.bearing.cn/qy/member/imgcp/" +
                this.$store.state.bbl_sqdwid +
                "/" +
                this.hyglpic[i]
            };
            this.fileList.push(list);

            // this.sfzfileList.push(list);
          }
        }
      }
      if(this.$store.state.hygllist.idcardimg){
           this.uppicflag = false;
        this.hyglpic = this.$store.state.hygllist.idcardimg;

        console.log(this.hyglpic);
        if (this.hyglpic != null) {
          for (var i = 0; i < this.hyglpic.length; i++) {
            this.hyglpic[i] = this.$store.state.hygllist.idcardimg[i].trim();
            console.log(this.hyglpic);
            if (this.hyglpic[i] != "") {
              let list = {
                uid: -i,
                name: " ",
                status: " ",
                url:
                  "https://image.bearing.cn/qy/member/imgcp/" +
                  this.$store.state.bbl_sqdwid +
                  "/" +
                  this.hyglpic[i]
              };

              this.sfzfileList.push(list);
            }
          }
        }
      }
      // if (this.lxvalue == 1) {
      //   this.uppicflag = true;
      //   // this.fileList.push(list);
      //   this.hyglpic = this.$store.state.hygllist.licensePic;
      //   console.log(this.$store.state.hygllist);

      //   for (var i = 0; i < this.hyglpic.length; i++) {
      //     this.hyglpic[i] = this.$store.state.hygllist.licensePic[i].trim();
      //     console.log(this.hyglpic);
      //     if (this.hyglpic[i] != "") {
      //       let list = {
      //         uid: -i,
      //         name: " ",
      //         status: " ",
      //         url:
      //           "https://image.bearing.cn/qy/member/imgcp/" +
      //           this.$store.state.bbl_sqdwid +
      //           "/" +
      //           this.hyglpic[i]
      //       };
      //       this.fileList.push(list);

      //       // this.sfzfileList.push(list);
      //     }
      //   }
      // } else {
      //   this.uppicflag = false;
      //   // this.sfzfileList.push(list);
      //   this.hyglpic = this.$store.state.hygllist.idcardimg;

      //   console.log(this.hyglpic);
      //   if (this.hyglpic != null) {
      //     for (var i = 0; i < this.hyglpic.length; i++) {
      //       this.hyglpic[i] = this.$store.state.hygllist.idcardimg[i].trim();
      //       console.log(this.hyglpic);
      //       if (this.hyglpic[i] != "") {
      //         let list = {
      //           uid: -i,
      //           name: " ",
      //           status: " ",
      //           url:
      //             "https://image.bearing.cn/qy/member/imgcp/" +
      //             this.$store.state.bbl_sqdwid +
      //             "/" +
      //             this.hyglpic[i]
      //         };

      //         this.sfzfileList.push(list);
      //       }
      //     }
      //   }
      // }
    }
  }
};
</script>

<style lang='less'>
.ant-cascader-menu {
  min-width: 167px !important;
}
.tjhy_inp {
  margin-left: 2%;
  ul {
    li {
      .user_li {
        width: 48%;
        display: inline-block;
        .inp_tit {
          position: relative;
          top: -5px;
        }
      }
      .zw_li {
        width: 48%;
        position: absolute;
        display: inline-block;
        left: 299px;
        input {
          width: 200px;
        }
      }
    }
    .updli_box{
      position: relative;
      .updli_right{
        position: absolute;
        left: 392px;
      }
      .updli {
        width: 44%;
        display: inline-block;
        .inp_tit {
          width: 28.33333333%;
        }
      }
    }
    .inline {
      position: relative;
      input {
        width: 200px;
      }
      .inp_tit {
        width: 25.6%;
      }
      .phone_li {
        width: 48%;
        height: 40px;
        display: inline-block;
        .ant-form-item {
          display: inline-block;
          vertical-align: middle;
        }
        .inp_tit {
          position: relative;
          top: -5px;
        }
        .red {
          color: red;
        }
        .ant-form-explain {
          width: 200px;
        }
      }

      .tel_li {
       width: 48%;
        display: inline-block;
        position: absolute;
        left: 299px;
        top: 3px;
      }
    }

    .radinline {
      display: flex;
      // width: 28%;
      position: relative;
      .inp_tit {
        width: 29.5%;
      }
      .hsfs_rad {
        width: 42%;
      }
      .lx_rad {
        width: 28%;
        position: absolute;
        left: 426px;
      }
    }
    // .updli {
    //   display: inline-block;
    //   width: 70%;
    //   .up_sfz,
    //   .up_yyzz {
    //     vertical-align: top;
    //   }
    //   .up_sfz {
    //     display: inline-block;
    //     width: 40%;
    //     .inp_tit {
    //       width: 28.9%;
    //     }
    //     .clearfix {
    //       width: 68%;
    //     }
    //   }
    //   .up_yyzz {
    //     display: inline-block;
    //     width: 55%;
    //     position: relative;
    //     left: -48px;
    //     .inp_tit {
    //       width: 19%;
    //     }
    //     .clearfix {
    //       width: 81%;
    //     }
    //   }
    //   .clearfix {
    //     width: auto;
    //   }
    // }

    li {
      margin: 10px 0;

     .ant-form-item {
        margin-bottom: 10px !important;
        .ant-col-2{
          width: 12.33333333%;
        }
      }
      .inp_tit {
        display: inline-block;
        width: 12.33333333%;
        text-align: right;
      }
      //上传图片
      .clearfix {
        width: 70%;
        display: inline-block;
        vertical-align: middle;
        .ant-upload.ant-upload-select-picture-card {
          border: 1px dashed #d9d9d9 !important;
          width: 104px !important;
          height: 104px !important;
        }
      }

      .yblist .cpimgfoot .uploadimg .avatar-uploader {
        line-height: 30px !important;
      }
      .qqlist {
        width: 100%;
        display: flex;
        justify-content: space-between;
        span {
          display: inline-block;
          width: 50%;
          text-align: right;
        }
      }
    }

    .foot_btn {
      width: 30%;
      text-align: center;
      button {
        margin: 0 20px;
      }
    }
  }
}
@media (max-width: 1600px) {
  .hygltk {
    .ant-tabs {
      overflow-y: scroll;
      height: 500px;
    }
  }
}
</style>
